<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>01_新增表单控件属性</title>
</head>
<body>
  <form action="">
      账号:
<!--    placeholder属性 用于 输入框的提示 很好用 不用删除  required 是必须要输入的内容 autofocus自动对焦 autocomplete自动完成 会将前面的你的记录给记录下来密码不能使用该功能  pattern正则表达式 一般和required一块使用 对输入内容的检查 可以用于站好和密码的输入 但不能用于多选框  -->
      <input type="text" name="account" placeholder="请输入账号" required autofocus autocomplete="on" pattern="\w{6}">
      <br>
<!--      能使用自动对焦 但是会被账号输入框 抢走 谁前面谁对焦-->
      密码:
      <input type="password" name="pwd" placeholder="请输入密码" required>
      <br>
      性别:
<!--      这里加required 是必须要选一个 给一个加就行 -->
      <input type="radio" name="gender" value="male" required>男
      <input type="radio" name="gender" value="female">女
      <br>
      爱好:
<!--      这里加required 是加required的选项必须要选！！！-->
      <input type="checkbox" name="hobby" value="smoke">抽烟
      <input type="checkbox" name="hobby" value="drink" required>喝酒
      <input type="checkbox" name="hobby" value="perm">烫头
      <br>
      其他：
<!--     这里加required 是必须要填写内容 -->
      <textarea placeholder="请输入内容"></textarea>
      <br>
      <button>提交</button>
  </form>
</body>
</html>